<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="服务于学校">
    <meta name="keywords" content="二手交易&校园服务">

    <title>校内二手交易&校园互助平台-服务于校园</title>

    <link rel="stylesheet" href="../../static/css/base.css">
    <link rel="stylesheet" href="../../static/css/common.css">
    <!--<link rel="stylesheet" href="../../static/css/轮播图.css">-->
    <link rel="stylesheet" href="../../static/css/index.css">
    <link rel="shortcut icon" href="../../static/favicon.ico/微信图片_20221108100304.ico" type="image/x-icon">
   <!-- <script src="../js/animate.js"></script>
    <script src="../js/index.js"></script>
    <script src="js/index.js"></script>,有定位才能用animate函数-->
</head>
<body>
<!--快捷导航-->
<div class="shortcut">
    <div class="wrapper">
        <ul>
            <li th:text="${username}">欢迎您</li>
            <li>欢迎</li>
            <li>&nbsp;&nbsp;&nbsp;</li>

            <li><a href="/loginCheck">重新登录</a> </li>
            <li><a href="/register">注册</a> </li>

        </ul>
    </div>
</div>
<!--头部-->
<div class="header wrapper">
    <div class="logo">
        <h1><a href="#"><img src="../../static/images/logo.ico"></a> </h1>
    </div>
    <div class="nav">
        <ul>
            <li><a href="/homepage">首页</a> </li>
            <li><a href="/lose">失物招领</a> </li>
            <li><a href="/helpindex">有偿帮忙</a> </li>
            <li><a href="/inserthappy">今日之趣&今日不悦</a> </li>
        </ul>
        </div>
    <div class="search">
        <form action="/search" method="get">
        <input type="text" placeholder="搜索一下" name="搜索内容">
            <a href="/register"><input class="abc" type="button" value="搜索"></a>
        </form>
        <!--定位写放大镜-->
        <span>

        </span>
    </div>

</div>
<!--banner-->
<div class="banner">
    <div class="wrapper">
        <!--做轮播图-->
         <!--   <div class="box">
                <div class="box-photoes">-->
        <ul>
                  <li>  <img src="../../static/img/1.jpg" class="box-photoes"></li>
        </ul>
                    <!--<img src="../../static/img/2.jpg" class="box-photoes">
                    <img src="../../static/img/3.jpg" class="box-photoes">
                </div>
                <div class="box-controls">
                    <span class="box-control prev" onclick="changeP(-1)">P</span>
                    <span class="box-control next" onclick="changeP(1)">N</span>
                </div>
                <div class="box-points">
                    <span onclick="moveTo(1)"></span>
                    <span onclick="moveTo(2)"></span>
                    <span onclick="moveTo(3)"></span>
                </div>
            </div>-->
        <!--侧导航定位做-->
        <div class="aside">
            <ul>
                <li><a href="#"><span>书本</span></a></li>
                <li><a href="#"><span>电器</span></a></li>
                <li><a href="#"><span>文具</span></a></li>
                <li><a href="#"><span>水果</span></a></li>
            </ul>
        </div>
        <!--右边校园消息提示栏-->
        <div class="message">
            <img src="../../static\images\schoolmessage.jpg">
            <ul>
                <li><a href="https://soft.zut.edu.cn/info/1169/7387.htm"><span>ACM比赛成功举办</span> </a></li>
                <li><a href="https://soft.zut.edu.cn/info/1075/7489.htm"><span>软件设计大赛成功举办</span></a></li>
                <li><a href="#"><span>校园消息3</span> </a></li>
                <li><a href="#"><span>校园消息4</span></a></li>
                <li><a href="#"><span>校园消息5</span> </a></li>
                <li><a href="#"><span>校园消息6</span></a></li>
                <li><a href="#"><span>校园消息7</span> </a></li>
                <li><a href="#"><span>校园消息8</span></a></li>
                <li><a href="#"><span>校园消息9</span> </a></li>
                <li><a href="#"><span>校园消息10</span></a></li>
                <li><a href="#"><span>校园消息11</span> </a></li>
                <li><a href="#"><span>校园消息12</span></a></li>
                <li><a href="#"><span>校园消息13</span> </a></li>
                <li><a href="#"><span>校园消息14</span></a></li>
                <li><a href="#"><span>校园消息15</span> </a></li>
                <li><a href="#"><span>校园消息16</span></a></li>
                <li><a href="#"><span>校园消息17</span> </a></li>
                <li><a href="#"><span>校园消息18</span></a></li>
                <li><a href="#"><span>校园消息19</span> </a></li>
            </ul>
        </div>
        
        <!--箭头-->
        <!--up-->
        <a href="#" class="up"></a>
        <!--down-->
        <a href="#" class="down"></a>
        <!--圆点-->
       <!-- <ol class="circle">
            <li class="false" id="1"></li>
            <li class="false" id="2"></li>
            <li class="false" id="3"></li>
            <li class="false" id="4"></li>
        </ol>-->
    </div>
</div>
<!--二手交易-->
<div class="goods wrapper">
    <!--title-->
    <div class="title">
        <h2>二手交易物品</h2>
        <a href="/shop">所有物品></a>
    </div>
    <!--内容-->
    <div class="contents clearfix">
        <ul>
            <li>
                <a href="#">
                    <img src="../../static\uploads\good1.webp">
                    <h3>欧莱雅20霜</h3>
                    <div>¥:0</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="../../static\uploads\good3.webp">
                    <h3>欧莱雅小密罐</h3>
                    <div>¥:0</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="../../static\uploads\good2.webp">
                    <h3>PROYA</h3>
                    <div>¥:0</div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="../../static\uploads\good4.webp">
                    <h3> 优时颜面霜</h3>
                    <div>¥:0</div>
                </a>
            </li>
        </ul>
    </div>
    <!--尾部-->
     <div class="tail wrapper">
         <ul>
             <li><span class="box">联系我们</span></li>
             <li><span class="box">举报反馈</span></li>
             <li><span class="box">优化建议</span></li>
             <li><span class="box">关于我们</span></li>
         </ul>
     </div>
</div>
<!--最后修饰-->
<div class="finally">
    本页面到底了！！！
</div>
<!--<script type="text/javascript" src="../../static/script/轮播图.js"></script>-->
</body>
</html>